<body>
<script type="text/javascript" >

	$(function() {
		function log( message ) {
			$( "<div/>" ).text( message ).prependTo( "#log" );
			$( "#log" ).scrollTop( 0 );
		}

		$( "#voluntario" ).autocomplete({
			source: function( request, response ) {
				$.ajax({
					url: "index.php",
					dataType: "jsonp",
					data: {
                                                modulo: "jquery",
						accion: "buscarVoluntarios",
						maxRows: 10,
						nombre: request.voluntario
					},
					success: function( data ) {
						response( $.map( data.voluntarios, function( item ) {
                                                        form.idVoluntario.value=item.voluntario
							return {
								label: item.nombreCompleto,
								value: item.nombreCompleto
							}
						}));
					}
				});
			},
			minLength: 3,
			select: function( event, ui ) {
				log( ui.item ?
					"Selected: " + ui.item.label :
					"Nothing selected, input was " + this.value);
			},
			open: function() {
				$( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
			},
			close: function() {
				$( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
			}
		});
	});
	$(function() {
		function log( message ) {
			$( "<div/>" ).text( message ).prependTo( "#log" );
			$( "#log" ).scrollTop( 0 );
		}

		$( "#beneficiario" ).autocomplete({
			source: function( request, response ) {
				$.ajax({
					url: "index.php",
					dataType: "jsonp",
					data: {
                                                modulo: "jquery",
						accion: "buscarBeneficiarios",
						maxRows: 10,
						nombre: request.beneficiario
					},
					success: function( data ) {
						response( $.map( data.beneficiarios, function( item ) {
                                                        form.idVoluntario.value=item.idBeneficiario
							return {
								label: item.nombreCompleto,
								value: item.nombreCompleto
							}
						}));
					}
				});
			},
			minLength: 3,
			select: function( event, ui ) {
				log( ui.item ?
					"Selected: " + ui.item.label :
					"Nothing selected, input was " + this.value);
			},
			open: function() {
				$( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
			},
			close: function() {
				$( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
			}
		});
	});
    
 $("#beneficiario").autocomplete({
source: "buscarBeneficiarios.php",
minLength: 3,//search after two characters
select: function(event,ui){
    //do something
    }
});
$(document).ready(function(){
   $("#fechaInicioDesde").datepicker({
      showOn: 'both',
      buttonImage: 'include/images/calendar.png',
      buttonImageOnly: true,
      changeYear: true,
      numberOfMonths: 2
   });
});
$(document).ready(function(){
   $("#fechaInicioHasta").datepicker({
      showOn: 'both',
      buttonImage: 'include/images/calendar.png',
      buttonImageOnly: true,
      changeYear: true,
      numberOfMonths: 2
   });
});
$(document).ready(function(){
   $("#fechaFinDesde").datepicker({
      showOn: 'both',
      buttonImage: 'include/images/calendar.png',
      buttonImageOnly: true,
      changeYear: true,
      numberOfMonths: 2
   });
});
$(document).ready(function(){
   $("#fechaFinHasta").datepicker({
      showOn: 'both',
      buttonImage: 'include/images/calendar.png',
      buttonImageOnly: true,
      changeYear: true,
      numberOfMonths: 2
   });
});
          </script>
<form action="index.php">
    <input type="hidden" name="accion" id="accion" value="proyectos">
    <input type="hidden" name="modulo" id="modulo" value="Proyecto">
    
    <fieldset id="Busqueda">
        <legend>B&uacute;squeda</legend>
<table>
    <tr>
        <th>Nombre
        </th>
        <td><input type="text" id="nombre" name="nombre" value="<?php echo $param['nombre'];?>">
        </td>
        <th>Estado
        </th>
        <td>
            <select id="estado" name="estado">
                <?php
                $estados=ProyectoEJB::obtenerEstados();
                    foreach($estados as $estado){
                        if ($estado['valor']==$param['estado'])
                            echo '<option value="'.$estado['valor'].'" selected="selected">'.$estado['etiqueta'].'</option>';
                        else
                            echo '<option value="'.$estado['valor'].'">'.$estado['etiqueta'].'</option>';
                    }
                ?>

            </select>
        </td>
    </tr>
    <tr>
        <th>Beneficiario
        </th>
        <td><input type="text" id="beneficiario" name="beneficiario" value="<?php echo $param['beneficiario'];?>">
            <input type="hidden" id="idBeneficiario" name="idBeneficiario" value="<?php echo $param['idBeneficiario'];?>"
        </td>
        <th>Encargado
        </th>
        <td>
            <input type="text" id="voluntario" name="voluntario" value="<?php echo $param['voluntario'];?>">
            <input type="hidden" id="idvoluntario" name="idvoluntario" value="<?php echo $param['idvoluntario'];?>">
        </td>
    </tr>
    <tr>
        <th>Fecha Inicio
        </th>
        <td>
            <input type="text" id="fechaInicioDesde" name="fechaInicioDesde" value="<?php echo $param['fechaInicioDesde'];?>">
        </td>
        <th> -
        </th>
        <td>
            <input type="text" id="fechaInicioHasta" name="fechaInicioHasta" value="<?php echo $param['fechaInicioHasta'];?>">
        </td>
    </tr>
    <tr>
        <th>Fecha Fin
        </th>
        <td>
            <input type="text" id="fechaFinDesde" name="fechaFinDesde" value="<?php echo $param['fechaFinDesde'];?>">
        </td>
        <th> - 
        </th>
        <td>
            <input type="text" id="fechaFinHasta" name="fechaFinHasta" value="<?php echo $param['fechaFinHasta'];?>">
        </td>
    </tr>
    <tr>
        <th>Programa
        </th>
        <td>
            <select name="idPrograma" id="idPrograma">
                <option value="" selected="selected">Seleccione</option>
            <?php
            $programas=ProyectoEJB::obtenerProgramas();
            foreach($programas as $programa){
                if ($programa['idPrograma']==$param['idPrograma'])
                    echo '<option value="'.$programa['idPrograma'].'" selected="selected">'.$programa['nombre'].'</option>';
                else
                    echo '<option value="'.$programa['idPrograma'].'">'.$programa['nombre'].'</option>';
            }
            ?>
            </select>
        </td>
        <td>
        </td>
        <td>
        </td>
    </tr>
    <tr></tr>
    <tr>
        <td>
        </td>
        <td><input type="submit" value="Buscar" />&nbsp;&nbsp;&nbsp;
        </td>
        <td>
        </td>
        <td><input type="submit" value="Limpiar" onclick="limpiar();" />
        </td>
    </tr>
</table>

</fieldset>

</form>
</body>